// 导航切换功能
// document.querySelectorAll('.admin-menu li').forEach(item => {
//     item.addEventListener('click', function() {
//         // 移除所有激活状态
//         document.querySelectorAll('.admin-menu li,.content-section').forEach(el => {
//             el.classList.remove('active');
//         });
//
//         // 添加当前激活状态
//         this.classList.add('active');
//         document.getElementById(this.dataset.target).classList.add('active');
//     });
// });
document.querySelectorAll('.admin-menu li').forEach(item => {
    item.addEventListener('click', function() {
        // 移除所有菜单项的激活状态
        document.querySelectorAll('.admin-menu li').forEach(el => {
            el.classList.remove('active');
        });

        // 隐藏所有内容区块
        document.querySelectorAll('.content-section').forEach(section => {
            section.classList.remove('active');
        });

        // 激活当前项及对应内容区
        this.classList.add('active');
        const targetSection = document.getElementById(this.dataset.target);
        console.log(targetSection);
        if (targetSection) {
            targetSection.classList.add('active');
        }
    });
});



// 获取必要元素
// const addUserBtn = document.getElementById('add-user');
// const userModal = document.getElementById('user-modal');
// const closeModal = document.querySelector('.close');
//
// // 打开模态框
// function openUserModal() {
//     userModal.style.display = 'flex';
// }
//
// // 关闭模态框
// function closeUserModal() {
//     userModal.style.display = 'none';
// }
//
// // 事件绑定
// // addUserBtn.addEventListener('click', openUserModal);
// // closeModal.addEventListener('click', closeUserModal);
//
// // 点击模态框外部关闭
// window.addEventListener('click', (e) => {
//     if (e.target === userModal) {
//         closeUserModal();
//     }
// });
//
//
// // 修改课程多步骤表单控制
// let currentStep = 1;
// const totalSteps = 3;
//
// document.querySelector('.btn-next-step').addEventListener('click', function() {
//     if(validateStep(currentStep) && currentStep < totalSteps) {
//         document.querySelector(`[data-step="${currentStep}"]`).classList.remove('active');
//         currentStep++;
//         document.querySelector(`[data-step="${currentStep}"]`).classList.add('active');
//         updateStepDisplay();
//     }
// });
//
// document.querySelector('.btn-prev-step').addEventListener('click', function() {
//     if(currentStep > 1) {
//         document.querySelector(`[data-step="${currentStep}"]`).classList.remove('active');
//         currentStep--;
//         document.querySelector(`[data-step="${currentStep}"]`).classList.add('active');
//         updateStepDisplay();
//     }
// });
//
// function validateStep(step) {
//     // 添加具体的验证逻辑
//     return true;
// }
//
// function updateStepDisplay() {
//     document.querySelectorAll('.form-step').forEach(step => {
//         step.style.transform = `translateX(-${(currentStep-1)*100}%)`;
//     });
// }
//
//
// // 删除课程交互
// document.querySelectorAll('.btn-delete').forEach(btn => {
//     btn.addEventListener('click', function() {
//         const courseId = this.dataset.courseId;
//         const courseName = this.dataset.courseName;
//
//         if(confirm(`确定要永久删除【${courseName}】课程吗？\n此操作不可撤销！`)) {
//             fetch(`/api/courses/${courseId}`, {
//                 method: 'DELETE'
//             })
//                 .then(response => {
//                     if(response.ok) {
//                         this.closest('tr').remove();
//                         showToast('课程删除成功', 'success');
//                     }
//                 })
//                 .catch(error => {
//                     showToast('删除失败，请稍后重试', 'error');
//                 });
//         }
//     });
// });
//
// // 批量选择功能
// let selectedCourses = new Set();
//
// document.querySelector('.btn-select-all').addEventListener('click', function() {
//     const checkboxes = document.querySelectorAll('.danger-table input[type="checkbox"]');
//     const allChecked = [...checkboxes].every(cb => cb.checked);
//
//     checkboxes.forEach(cb => {
//         cb.checked = !allChecked;
//         cb.dispatchEvent(new Event('change'));
//     });
// });
//
// document.querySelector('.danger-table').addEventListener('change', function(e) {
//     if(e.target.type === 'checkbox') {
//         const courseId = e.target.closest('tr').dataset.courseId;
//         if(e.target.checked) {
//             selectedCourses.add(courseId);
//         } else {
//             selectedCourses.delete(courseId);
//         }
//         updateBatchButton();
//     }
// });
//
// function updateBatchButton() {
//     const btn = document.querySelector('.btn-batch-delete');
//     const count = document.querySelector('.batch-delete .count');
//     count.textContent = selectedCourses.size;
//     btn.disabled = selectedCourses.size === 0;
// }
//
// // 批量删除
// document.querySelector('.btn-batch-delete').addEventListener('click', function() {
//     if(selectedCourses.size === 0) return;
//
//     if(confirm(`确定要批量删除 ${selectedCourses.size} 门课程吗？`)) {
//         fetch('/api/courses/batch', {
//             method: 'DELETE',
//             headers: {
//                 'Content-Type': 'application/json'
//             },
//             body: JSON.stringify([...selectedCourses])
//         })
//             .then(response => {
//                 if(response.ok) {
//                     selectedCourses.forEach(id => {
//                         document.querySelector(`tr[data-course-id="${id}"]`).remove();
//                     });
//                     selectedCourses.clear();
//                     updateBatchButton();
//                     showToast('批量删除成功', 'success');
//                 }
//             });
//     }
// });
//
// //  - 导航子菜单交互
// document.addEventListener('DOMContentLoaded', function() {
//     // 获取所有带子菜单的导航项
//     const menuItems = document.querySelectorAll('.menu-item:has(.submenu)');
//
//     // 为每个导航项绑定事件
//     menuItems.forEach(item => {
//         const submenu = item.querySelector('.submenu');
//         const icon = item.querySelector('i.fa-book-open'); // 获取菜单图标
//
//         // 点击父级菜单
//         item.addEventListener('click', function(e) {
//             e.stopPropagation();
//
//             // 如果点击的是子菜单项则不处理
//             if(e.target.closest('.submenu')) return;
//             console.log('父菜单被点击');
//
//             // 切换当前菜单状态
//             const wasActive = submenu.classList.contains('active');
//             closeAllSubmenus();
//
//             if(!wasActive) {
//                 submenu.classList.add('active');
//                 if(icon) icon.style.transform = 'rotate(90deg)'; // 添加图标旋转效果
//             }
//         });
//
//         // 点击子菜单项保持打开
//         submenu.addEventListener('click', function(e) {
//             console.log('子菜单项被点击');
//             e.stopPropagation();
//         });
//     });
//
//     // 点击页面其他区域关闭所有子菜单
//     document.addEventListener('click', function() {
//         closeAllSubmenus();
//     });
//
//     // 关闭所有子菜单函数
//     function closeAllSubmenus() {
//         document.querySelectorAll('.submenu').forEach(menu => {
//             menu.classList.remove('active');
//         });
//         // 重置所有图标
//         document.querySelectorAll('.nav-item i.fa-book-open').forEach(icon => {
//             icon.style.transform = '';
//         });
//     }
// });
//
// //删除单元管理
// // 删除确认对话框
// document.querySelectorAll('.btn-delete').forEach(btn => {
//     btn.addEventListener('click', function() {
//         const unitName = this.dataset.unitName;
//         if (confirm(`确定要永久删除【${unitName}】单元吗？此操作不可撤销！`)) {
//             const unitId = this.dataset.unitId;
//             // 调用删除API
//             console.log('删除单元:', unitId);
//         }
//     });
// });
//
// // 批量选择功能
// const selectAll = document.getElementById('selectAll');
// const checkboxes = document.querySelectorAll('.unit-checkbox');
// const batchDeleteBtn = document.querySelector('.btn-batch-delete');
//
// selectAll.addEventListener('change', function() {
//     checkboxes.forEach(checkbox => checkbox.checked = this.checked);
//     updateDeleteCount();
// });
//
// checkboxes.forEach(checkbox => {
//     checkbox.addEventListener('change', updateDeleteCount);
// });
//
// function updateDeleteCount() {
//     const checkedCount = document.querySelectorAll('.unit-checkbox:checked').length;
//     batchDeleteBtn.querySelector('.count').textContent = checkedCount;
//     batchDeleteBtn.disabled = checkedCount === 0;
// }
//
// // 批量删除
// batchDeleteBtn.addEventListener('click', function() {
//     const selectedIds = Array.from(document.querySelectorAll('.unit-checkbox:checked'))
//         .map(checkbox => checkbox.closest('tr').dataset.unitId);
//     if (selectedIds.length > 0 && confirm(`确定要删除选中的${selectedIds.length}个单元吗？`)) {
//         // 调用批量删除API
//         console.log('批量删除:', selectedIds);
//     }
// });

